Урок 5.2. Пиксель-арт. Кривые (изогнутые линии)

Итак, мы поняли как рисуются прямые линии под разными углами. А как же нам нарисовать кривую линию (или, другими словами, изогнутую)?

Допустим нам надо изогнуть влево такую прямую вертикальную линию.

Первым делом нам надо разбить эту линию на деления и соединить их по диагонали. Но на какие деления ее разбить? Если мы разобьем данную линию на равные деления и соединим их по диагонали, у нас снова получится прямая, только под другим углом.

А если мы сделаем деления по методу убывания, т.е. каждое следующее деление будет меньше предыдущего, то таким образом и плавно изогнем линию.

Теперь представим другую ситуацию. Например, мне надо закруглить один из углов квадрата.

Т.е. мне в этом месте надо нарисовать изогнутую линию (или кривую). Давайте начнем добавлять вертикальные деления начиная с 4.

И здесь уже вижу, что я выбрал не верное изначальное деление, так как если я продолжу добавлять горизонтальные деления, линия кривой не сомкнется с прямой квадрата, она слишком большая.

Значит мы должны начать не с деления на 4, а с деления на 3.

И вот у нас все прекрасно сходится и получился закругленный угол.

Но при рисовании таких кривых линий есть правило – если вы хотите нарисовать плавную кривую, то вертикальные и горизонтальные деления должны уменьшаться или увеличиваться (а также могут повторяться).

На этом рисунке деления плавно уменьшаются и увеличиваются.

А здесь мы можем увидеть дублирование делений.

Как видите после деления с 4 пикселями идет деление с 2-мя. Так тоже можно уменьшать деления, главное чтобы переходы были не слишком резкими (например, с 8 к 1).

Теперь посмотрите на то как не надо рисовать кривую.

Здесь мы сразу можете увидеть 3 ошибки:

  1. Деление с тремя пикселями соединяется с делением с двумя пикселями не по диагонали. Когда такое происходит, внешне кажется что линия в этом месте жирнее, чем в остальным местах, что выглядит некрасиво.
  2. После деления с двумя пикселями идет деление с 4, а потом снова с двумя. Здесь нарушается правило, которое было изложено выше, что количество пикселей должно либо уменьшаться, либо увеличиваться, или дублироваться.
  3. Вертикальные и горизонтальные деления должны быть зеркальные друг другу, если мы хотим получить плавно изогнутую линию. Здесь же они имеют различные деления.

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *